<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="../scripts/commonstyle.css">
        <link rel="stylesheet" type="text/css" href="../scripts/mainstyle.css">
        <script src="../scripts/vis-network.min.js"></script>
        
        <title>内容</title>
    </head>


    <body onload="initialize()">
       <div class="background"></div>
       <div id="navBar">
           <p class="button" onclick="showPage(0)" style="background-color:cornflowerblue;color: white;">计算机各学科之间关系图</p>
           <p class="button" onclick="showPage(1)" style="background-color:cornflowerblue;color: white;">我对计算机的认识</p>
           <p class="button" onclick="showPage(2)" style="background-color:cornflowerblue;color: white;">我的学业规划</p>
           <p class="button" onclick="showPage(3)" style="background-color:cornflowerblue;color: white;">关于作业</p>
       </div>
       <div id="subjectNet"></div>
       <div class = "defContent" id="myView">
           <header>我对于计算机学科的看法</header>
            <p>我认为计算机科学是一门理论与实践兼有的学科。计算机科学与技术发现运用数学原理，分析问题，寻找问题之间的联系与特征，并通过这些关系与特征建立适当的数学模型，从而解决甚至能够高效地解决实际问题。</p>
       </div>
       <div class = "defContent" id="myStudy">
           <header>我的学业规划</header>
           <p>我希望在本科学习中，尽可能的学习计算机有关的知识和与之相关的数学原理。本科毕业后，我希望能够继续深造，继续学习计算机相关的知识，我尤其想要学习人工智能方面的知识，我认为这是未来科技的支柱，如果人工智能能够得到发展，那么未来人类的生活将会有翻天覆地的变化。</p>
       </div>
       <div class = "defContent" id="about">
           <header>关于作业</header>
           <p>本作业由计算机006班何浩源（2203613031）独立完成,已经上传到
               <a href="https://gitee.com/hebaodan_2517/Homework">gitee仓库中</a>
            </p>
           
           <p>参考资料：</p>
           <p>w3school HTML CSS Javascript 教程</p>
           <p>百度百科、知乎等。</p>
           <p>参考开源项目:<a href="https://visjs.org/">visjs</a></p>
           <p>A dynamic, browser based visualization library.
            The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data.
            The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d</p>
           
       </div>
       
        <div id="bookPage">
            <div id="bookBackground">
                <p class="button" onclick="closeBookPage()" style="background-color:crimson;color: white;position: absolute; right: 0; top: 0;">关闭</p>
                <div id="bookContent">
                    <header id="bookTitle">测试</header>   
                    <p id="bookDescription"></p>
                    <p><a id="bookLink" href="">电子书籍链接</a></p>
                </div>
            </div>
        </div>

    </div> 
    </body>


    <script src="../scripts/main.js"></script>
</html>